<!doctype html>
<html  lang="">
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link rel="stylesheet" href="css/12czm.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/new.css"/>

</head>

<body>
<div id="body">
    <div id="bodyhead">
        <div id="bodyheadhead" class="col-12">
            <div class="col-8 relative" id="bodyheadheadmain">
                <div id="bodyheadmainleft">您好，欢迎您浏览温州市科达阀门有限公司官方网站！</div>
                <div id="bodyheadmainright">86 577 86915677<i style="margin: 0 9px">|</i><i>联系我们</i></div>
            </div>
        </div>
        <div id="bodyheadmain" class="col-12">
            <div class="col-8 relative" id="bodyheadmainmain">
                <div id="bodyheadmainmainleft" class="col-5 col-xs-12">
                    <img style="max-width: 100%;" src="img/logo.png" alt="">
                </div>

                <div id="bodyheadmainmainright" class="col-7 col-xs-12">

                    <div class="navbar navbar-inverse">
                        <div class="container">
                            <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <div class="navbar-collapse collapse" role="navigation" aria-expanded="false" style="height: 1px;">
                                <ul class="nav navbar-nav">
                                    <li class="col-xs-12"><a href="index.html">首页</a></li>
                                    <li class="col-xs-12"><a href="#">关于科达 </a></li>
                                    <li class="col-xs-12"><a href="new.html">新闻中心 </a></li>
                                    <li class="col-xs-12"><a href="show.html">产品展示 </a></li>
                                    <li class="col-xs-12"><a href="#">技术与服务</a></li>
                                    <li class="col-xs-12"><a href="#">在线留言 </a></li>
                                    <li class="col-xs-12"><a href="#">联系我们 </a></li>
                                </ul>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="newcenterhtml_bodyheadmain" class="col-12">
            <img src="img/新闻中心.jpg" alt="">
        </div>
    </div>

    <div id="bodymain">

        <div id="content2">
            <div class="col-8 relative">

                <div id="content2main">
                    <div id="content2mainhead">
                        <ul id="myTab" class="col-12" style="width: unset;">
                            <li><a href="#home"  data-toggle="tab">卫生级球阀 </a></li>
                            <li><a href="#home1" data-toggle="tab">卫生级球阀</a></li>
                            <li><a href="#home2" data-toggle="tab">卫生级球阀</a></li>
                        </ul>
                    </div>
                    <div id="newcenterhtml_content2mainmain">
                        <div id="myTabContent" class="tab-content">
                            <div class="tab-pane fade in active" id="home">
                                <div class="col-6 col-xs-12">
                                    <a href="#">
                                        <p class="title limit1">乔金斯出席中国门业定制家居及设计GDCC峰会</p>
                                        <p class="limit2">石油化工装置使用的阀门多数采用填料函式密封，大部分阀门安装于室外，阀内输送介质多数具有易燃易爆、...
                                            、高温高压等特性。在长时间运行过程中，阀门阀杆处</p>
                                        <hr>
                                        <p><span>2018.05.01</span><span>查看详情></span></p>
                                    </a>
                                </div>
                                <div class="col-6 col-xs-12">
                                    <a href="#">
                                        <p class="title limit1">乔金斯出席中国门业定制家居及设计GDCC峰会</p>
                                        <p class="limit2">石油化工装置使用的阀门多数采用填料函式密封，大部分阀门安装于室外，阀内输送介质多数具有易燃易爆、...
                                            、高温高压等特性。在长时间运行过程中，阀门阀杆处</p>
                                        <hr>
                                        <p><span>2018.05.01</span><span>查看详情></span></p>
                                    </a>
                                </div>
                                <div class="col-6 col-xs-12">
                                    <a href="#">
                                        <p class="title limit1">乔金斯出席中国门业定制家居及设计GDCC峰会</p>
                                        <p class="limit2">石油化工装置使用的阀门多数采用填料函式密封，大部分阀门安装于室外，阀内输送介质多数具有易燃易爆、...
                                            、高温高压等特性。在长时间运行过程中，阀门阀杆处</p>
                                        <hr>
                                        <p><span>2018.05.01</span><span>查看详情></span></p>
                                    </a>
                                </div>
                                <div class="col-6 col-xs-12">
                                    <a href="#">
                                        <p class="title limit1">乔金斯出席中国门业定制家居及设计GDCC峰会</p>
                                        <p class="limit2">石油化工装置使用的阀门多数采用填料函式密封，大部分阀门安装于室外，阀内输送介质多数具有易燃易爆、...
                                            、高温高压等特性。在长时间运行过程中，阀门阀杆处</p>
                                        <hr>
                                        <p><span>2018.05.01</span><span>查看详情></span></p>
                                    </a>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="home1">
                                <div class="col-6 col-xs-12">
                                    <a href="#">
                                        <p class="title limit1">乔金斯出席中国门业定制家居及设计GDCC峰会</p>
                                        <p class="limit2">石油化工装置使用的阀门多数采用填料函式密封，大部分阀门安装于室外，阀内输送介质多数具有易燃易爆、...
                                            、高温高压等特性。在长时间运行过程中，阀门阀杆处</p>
                                        <hr>
                                        <p><span>2018.05.01</span><span>查看详情></span></p>
                                    </a>
                                </div>
                                <div class="col-6 col-xs-12">
                                    <a href="#">
                                        <p class="title limit1">乔金斯出席中国门业定制家居及设计GDCC峰会</p>
                                        <p class="limit2">石油化工装置使用的阀门多数采用填料函式密封，大部分阀门安装于室外，阀内输送介质多数具有易燃易爆、...
                                            、高温高压等特性。在长时间运行过程中，阀门阀杆处</p>
                                        <hr>
                                        <p><span>2018.05.01</span><span>查看详情></span></p>
                                    </a>
                                </div>
                                <div class="col-6 col-xs-12">
                                    <a href="#">
                                        <p class="title limit1">乔金斯出席中国门业定制家居及设计GDCC峰会</p>
                                        <p class="limit2">石油化工装置使用的阀门多数采用填料函式密封，大部分阀门安装于室外，阀内输送介质多数具有易燃易爆、...
                                            、高温高压等特性。在长时间运行过程中，阀门阀杆处</p>
                                        <hr>
                                        <p><span>2018.05.01</span><span>查看详情></span></p>
                                    </a>
                                </div>
                                <div class="col-6 col-xs-12">
                                    <a href="#">
                                        <p class="title limit1">乔金斯出席中国门业定制家居及设计GDCC峰会</p>
                                        <p class="limit2">石油化工装置使用的阀门多数采用填料函式密封，大部分阀门安装于室外，阀内输送介质多数具有易燃易爆、...
                                            、高温高压等特性。在长时间运行过程中，阀门阀杆处</p>
                                        <hr>
                                        <p><span>2018.05.01</span><span>查看详情></span></p>
                                    </a>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="home2">
                                <div class="col-6 col-xs-12">
                                    <a href="#">
                                        <p class="title limit1">乔金斯出席中国门业定制家居及设计GDCC峰会</p>
                                        <p class="limit2">石油化工装置使用的阀门多数采用填料函式密封，大部分阀门安装于室外，阀内输送介质多数具有易燃易爆、...
                                            、高温高压等特性。在长时间运行过程中，阀门阀杆处</p>
                                        <hr>
                                        <p><span>2018.05.01</span><span>查看详情></span></p>
                                    </a>
                                </div>
                                <div class="col-6 col-xs-12">
                                    <a href="#">
                                        <p class="title limit1">乔金斯出席中国门业定制家居及设计GDCC峰会</p>
                                        <p class="limit2">石油化工装置使用的阀门多数采用填料函式密封，大部分阀门安装于室外，阀内输送介质多数具有易燃易爆、...
                                            、高温高压等特性。在长时间运行过程中，阀门阀杆处</p>
                                        <hr>
                                        <p><span>2018.05.01</span><span>查看详情></span></p>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="#">
                                        <p class="title limit1">乔金斯出席中国门业定制家居及设计GDCC峰会</p>
                                        <p class="limit2">石油化工装置使用的阀门多数采用填料函式密封，大部分阀门安装于室外，阀内输送介质多数具有易燃易爆、...
                                            、高温高压等特性。在长时间运行过程中，阀门阀杆处</p>
                                        <hr>
                                        <p><span>2018.05.01</span><span>查看详情></span></p>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="#">
                                        <p class="title limit1">乔金斯出席中国门业定制家居及设计GDCC峰会</p>
                                        <p class="limit2">石油化工装置使用的阀门多数采用填料函式密封，大部分阀门安装于室外，阀内输送介质多数具有易燃易爆、...
                                            、高温高压等特性。在长时间运行过程中，阀门阀杆处</p>
                                        <hr>
                                        <p><span>2018.05.01</span><span>查看详情></span></p>
                                    </a>
                                </div>
                            </div>

                        </div>
                    </div>
                    <a href="#"><div id="content2mainfoot" >VIEW MORE</div></a>


                </div>
            </div>
        </div>

    </div>

    <div id="bodyfoot2">
        <div class="col-8 relative">
            <div class="col-6 col-xs-12">
                <img src="img/foot2logo.png" alt="" style="padding:0 22px 25px 0">
                <img src="img/Alibaba.jpg" alt="">


                <div class="navbar navbar-inverse">
                    <div class="container">
                        <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <div class="navbar-collapse collapse" role="navigation" aria-expanded="false" style="height: 1px;">
                            <ul class="nav navbar-nav">
                                <li><a href="#">首页</a></li>
                                <li><a href="#">关于科达 </a></li>
                                <li><a href="#">新闻中心 </a></li>
                                <li><a href="#">产品展示 </a></li>
                                <li><a href="#">技术与服务</a></li>
                                <li><a href="#">在线留言 </a></li>
                                <li><a href="#">联系我们 </a></li>
                            </ul>

                        </div>
                    </div>
                </div>

            </div>
            <div id="bodyfoot2right" class="col-lg-6 col-md-6 col-xs-11 col-sm-11" style="text-align: right; display: table; ">
                <div style="display: inline-block">
                    <div style="padding-right: 47px;display: table-cell; vertical-align: middle;">
                        <i>咨询热线</i>
                        <span>0577 86915677</span>
                    </div>
                </div>
                <div style="display: inline-block">
                    <div style="display: table-cell;vertical-align: middle;">
                        <img src="img/m.jpg" alt="" style="float:right; ">
                    </div>
                </div>
            </div>
        </div>
        </d v>
    </div>
</div>
</body>

<script src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/swiper.js"></script>

<script>
    var throttle = function (fn, delay, atleast) {
        var timer = null;var previous = null;
        return function () {
            var now = +new Date();
            if ( !previous ) previous = now;
            if ( atleast && now - previous > atleast ) {
                fn();
                // 重置上一次开始时间为本次结束时间
                previous = now;
                clearTimeout(timer);
            } else {
                clearTimeout(timer);
                timer = setTimeout(function() {
                    fn();
                    // alert("你是谁这是哪儿")
                    previous = null;
                }, delay);
            }
        }
    };

    $(function ccc() {

        if(window.innerWidth >996) {
            // 全局
            $(".col-8").removeClass("col-xs-11")
            // 尾部
            $("#bodyfoot2 li,.navbar-nav li,#bodyheadmainmainright").removeClass("col-xs-12")

            $(".swiper-button-next,.swiper-button-prev").css("display",'block')
        }else if(window.innerWidth <996 && window.innerWidth >620) {
            $(".navbar-nav li").removeClass("col-12")
            $(".col-8").removeClass("col-xs-11")
            $(".swiper-button-next,.swiper-button-prev").css("display",'none')

        }else if(window.innerWidth <= 620) {
            // 全局
            $(".col-8").addClass("col-xs-11")

            // 尾部
            $("#bodyfoot2 li,.navbar-nav li,#bodyheadmainmainright").addClass("col-xs-12")


            $(".twoswiper").addClass("col-xs-10").removeClass("col-11")
            $(".swiper-button-next,.swiper-button-prev").css("display",'none')
        }

        var aaa = $("#myTab li").children().length;
        if(window.innerWidth > 800) {
            $("#myTab li").outerWidth(0)
            $("#myTab li").outerWidth(($("#content2mainhead").width())/1200*125)
            for (var i = 0; i < aaa-1; i++) {
                $("#myTab li")[i].style.marginRight = (($("#content2mainhead").width() - $("#content2mainhead").width() /1200*125 * 8) / (8-1))+"px"
            }
        }
        else if(window.innerWidth <= 800){
            $("#myTab li").outerWidth(($("#content2mainhead").width())/3.1)
            for (var i = 0; i < aaa-1; i++) {
                $("#myTab li")[i].style.marginRight = (($("#content2mainhead").width() - $("#content2mainhead").width() / 3.1 * aaa) / (aaa-1))+"px"
                if((i+1)%3==0){
                    $("#myTab li")[i].style.marginRight = 0 + "px"
                }
            }
        }


        for(var i=0;i<$("#home").find("div").length;i++) {
            $("#home").find("div")[i].style.padding = 0 + "px";
            $("#home").find("div")[i].style.paddingTop = 10+"px";
            if(window.innerWidth > 800) {
                if ((i + 1) % 2 != 0) {
                    $("#home").find("div")[i].style.marginRight = ($("#content2main").width() - $("#content2main").width() / 1200*580 * 2) + "px";
                }
                $("#home").find("div")[i].style.width = $("#content2main").width() / 1200*580 + "px";
            }else{
                $("#home").find("div")[i].style.width = $("#content2main").width() + "px"
            }
        }
        $("#content2mainhead ul li").click(function (){
            var whref = $(this).find("a").attr("href");
            var wlen = $(whref).find("div").length;
            var w = $(whref).find(".col-6");

            for (var i = 0; i < wlen; i++) {
                $(w)[i].style.padding = 0 + "px";
                $(w)[i].style.paddingTop = 10 + "px";
                if(window.innerWidth > 800) {
                    $(w)[i].style.width = $("#content2main").width() / 2.1 +"px";
                    if ((i+1)%2!=0){
                        $(w)[i].style.marginRight = ($("#content2main").width() - $("#content2main").width() / 2.1 * 2)+"px";
                    }else if((i+1)%2 == 0){$(w)[i].style.marginRight = 0+"px"}

                }else if(window.innerWidth<=800){
                    $(w)[i].style.width = $("#content2main").width() + "px";
                    console.log($(w)[i].style.width)
                }
            }
        });
        // content2结束
        window.onresize = throttle(ccc, 200);
    })


</script>
</html >
